<!DOCTYPE html>
<html>
    <head>
        <title>Rocketbook</title>
        
        <link rel="stylesheet" type="text/css" href="./css/style.css">
        
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        
        <div class="rocketbook">
            
            
            <div class="loginall">
                <div class="login">
                    <div class="logo">
                        <h1>rocketbook</h1>
                    </div>
                    <div class="login_form">
                        <form>
                            <div class="logininfo">
                                <div class="user">
                                    <span>
                                        E-Mail oder Telefon
                                    </span><br>
                                    
                                    <input><br>
                                    <input id="loggedin" type="checkbox" class="login_form">
                                    <label for="loggedin">
                                        <span>
                                            Angemeldet bleiben
                                        </span>
                                    </label>
                                </div>

                                <div class="passwd">
                                    <span>
                                        Passwort
                                    </span><br>
                                    <input><br>
                                    <a href="#">Passwort vergessen?</a>
                                </div>
                            </div>
                            <div class="loginto">
                                <span>
                                    <input value="Anmelden" tabindex="4" type="submit" id="logintobutton">
                                </span>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
            
            <div class="areaall">
                <div class="area">
                    <div class="video">
                        <img src="nyan.png" alt="NYAN NYAN NYAN NYAN">
                        <div class="text">
                            <h2>Was uns verbindet</h2>
                            <h4>Wir ehren die alltäglichen Dinge, die uns zusammenbringen,<br>
                                und feiern, dass sich die Menschen überall verbinden. <a href="#">Teilen</a> </h4>
                        </div>
                    </div>
                    <div class="register_form_all">
                        <div class="registerhead">
                            <b>Registrieren</b><br>
                            Rocketbook ist und bleibt kostenlos
                        </div>
                        <hr>
                        <div class="registerform">
                            <table>
                                <tr>
                                    <td>Vorname:</td>
                                    <td><input size="40"></td>
                                </tr>
                                <tr>
                                    <td>Nachnahme:</td>
                                    <td><input size="40"></td>
                                </tr>
                                <tr>
                                    <td>Deine E-Mail-<br>Adresse:</td>
                                    <td><input size="40"></td>
                                </tr>
                                <tr>
                                    <td>E-Mail nochmals<br> eingeben:</td>
                                    <td><input size="40"></td>
                                </tr>
                                <tr>
                                    <td>Neues Passwort:</td>
                                    <td><input size="40"></td>
                                </tr>
                                <tr>
                                    <td>Ich bin:</td>
                                    <td>
                                        <select>
                                            <option>Geschlecht auswählen:</option>
                                            <option>Weiblich</option>
                                            <option>Männlich</option>
                                        </select>  
                                    </td>
                                </tr>
                                <tr>
                                    <td>Geburtstag:</td>
                                    <td>                    
                                        <select>
                                            <option>Tag:</option>
                                            <option>1</option>
                                            <option>2</option>
                                        </select>
                                        <select>
                                            <option>Monat:</option>
                                            <option>Januar</option>
                                            <option>Februar</option>
                                        </select>
                                        <select>
                                            <option>Jahr:</option>
                                            <option>1991</option>
                                            <option>1990</option>
                                        </select>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="register-agb">
                            <p><a href="#">Warum muss ich meinen Geburtstag angeben?</a><br><br>
                            Wenn du auf „Registrieren“ klickst, akzeptierst du unsere
                            <a href="#">Nutzungsbedingungen</a> und erklärst unsere 
                            <a href="#">Datenverwendungsrichtlinien</a> sowie 
                            <a href="#">Bestimmungen zur Verwendung von Cookies</a> gelesen zu haben.</p>
                            <div class="registerbuttonfield">
                                <input value="Registrieren" tabindex="4" type="submit" id="registerbutton">
                            </div>
                            <hr>
                            <p><a href="#"><b>Erstelle eine Seite</b></a> für eine Berühmtheit, eine Band oder ein Unternehmen.</p>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="footerall">
                <div class="footerlanguage">
                    <ul>
                        <li>
                            <a href="#">Deutsch</a>
                        </li>
                        <li>
                            <a href="#">Englisch (US)</a>
                        </li>
                        <li>
                            <a href="#">Español</a>
                        </li>
                        <li>
                            <a href="#">Português (Brasil)</a>
                        </li>
                        <li>
                            <a href="#">Français (France)</a>
                        </li>
                        <li>
                            <a href="#">Italiano</a>
                        </li>
                        <li>
                            <a href="#">العربية</a>
                        </li>
                        <li>
                            <a href="#">हिन्दी</a>
                        </li>
                        <li>
                            <a href="#">中文(简体)</a>
                        </li>
                        <li>
                            <a href="#">日本語</a>
                        </li>
                        <li>
                            <input value="..." type="submit" id="morecountries">
                        </li>
                    </ul>
                    <hr>
                    <div class="footerleft">
                        <p>Facebook © 2012 · <a href="#">Deutsch</a></p>
                    </div>
                    <div class="footerright">
                        <ul>
                            <li>
                                <a href="#">Handy</a>
                            </li>
                            <li>
                                <a href="#">Freunde finden</a>
                            </li>
                            <li>
                                <a href="#">Banner</a>
                            </li>
                            <li>
                                <a href="#">Personen</a>
                            </li>
                            <li>
                                <a href="#">Seiten</a>
                            </li>
                            <li>
                                <a href="#">Anwendungen</a>
                            </li>
                            <li>
                                <a href="#">Spiele</a>
                            </li>
                            <li>
                                <a href="#">Spiele</a>
                            </li>
                            <li>
                                <a href="#">Musik</a>
                            </li>
                            <li>
                                <a href="#">Über uns</a>
                            </li>
                            <li>
                                <a href="#">Werbeanzeige erstellen</a>
                            </li>
                            <li>
                                <a href="#">Seite erstellen</a>
                            </li>
                            <li>
                                <a href="#">Entwickler</a>
                            </li>
                            <li>
                                <a href="#">Karrieren</a>
                            </li>
                            <li>
                                <a href="#">Datenschutz</a>
                            </li>
                            <li>
                                <a href="#">Cookies</a>
                            </li>
                            <li>
                                <a href="#">Impressum/Nutzungsbedingungen</a>
                            </li>
                            <li>
                                <a href="#">Hilfe</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            
        </div>
    </body>
</html>
